<!DOCTYPE html>

<html lang="en-US">
<@common.header/>
<style>
    .ribbonred {
        -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
        -moz-transform: translate3d(0, 0, 1px) rotate(45deg);
        -ms-transform: translate3d(0, 0, 1px) rotate(45deg);
        -webkit-transform: translate3d(0, 0, 1px) rotate(45deg);
        transform: translate3d(0, 0, 1px) rotate(45deg);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #e21313f2;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        padding: 6px;
        position: absolute;
        z-index: 3;
        right: -30px;
        top: 15px;
        width: 120px;
        text-align: center;
        margin: auto;
        height: 30px;
        bottom: inherit;
        left: inherit;
    }
</style>
<body class="page-homepage navigation-fixed-top page-slider page-slider-search-box" id="page-top" data-spy="scroll" data-target=".navigation" data-offset="90">
<!-- Wrapper -->
<div class="wrapper">

    <@common.nav/>





<div style="clear: left;margin-top: 20px;"></div>
    <!-- Page Content -->
    <div id="page-content">
       
      
      <#--  <aside id="advertising" class="block">

        </aside>-->

        <section id="new-properties" class="block">
            <div class="container">
                <header class="section-title">
                    <h1 style="color:#1396e2;font-size: 44px;font-weight: 700">好房好服务 找房上好房子网</h1>

                </header>
                <div>

                </div>

                <div class="input-group" style="width: 60%">


                    <input type="text" placeholder="请输入区域、商圈或小区名开始找房"  id="address"  style="background-color: #1396e2k;height: 80px;">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button"style="height: 80px;"  onclick="searchHouse()"  > <span style="display: block;margin-top: 10px;font-size: 16px;font-weight: 600"><i class="fa fa-search"></i>开始找房</span></button>
                                  </span>


                </div>
            </div><!-- /.container-->
        </section><!-- /#new-properties-->
        <section id="new-properties" class="block">
            <div class="container">
                <header class="section-title">
                    <h1 style="color:#101d37;font-size: 36px;font-weight: 600;">新上房源</h1>
                    <a href="/house/list" class="link-arrow" style="color: #3072f6;font-weight: 600;font-size: 30px;">更多房源</a>
                </header>
                <div class="row">
                  <#list recomHouses as house>
                    <div class="col-md-4 col-sm-4" style="margin-top: 20px;">
                        <div class="property">
                            <a href="/house/detail?id=${house.id}">
                                <div class="property-image">
                                    <figure class="ribbonred">新 上</figure>
                                    <img alt="" src="${(house.firstImg)!}" style="width: 100%px;height: 392px">
                                </div>
                                <div class="overlay">
                                    <div class="info">
                                        <div class="tag price">￥ ${house.price} 万元</div>
                                        <h3>${house.name}</h3>
                                        <figure>${house.address}</figure>
                                    </div>
                                    <ul class="additional-info">
                                        <li>
                                            <header>面积:</header>
                                            <figure>${house.area}m<sup>2</sup></figure>
                                        </li>
                                        <li>
                                            <header>卧室:</header>
                                            <figure>${house.beds}</figure>
                                        </li>
                                        <li>
                                            <header>卫生间:</header>
                                            <figure>${house.baths}</figure>
                                        </li>
                                        <li>
                                            <header>客厅:</header>
                                            <figure>1</figure>
                                        </li>
                                    </ul>
                                </div>
                            </a>
                        </div><!-- /.property -->
                    </div><!-- /.col-md-3 -->
                   </#list>
                 
                </div><!-- /.row-->
            </div><!-- /.container-->
        </section><!-- /#new-properties-->

        <section id="new-properties" class="block">
            <div class="container">
                <header class="section-title">
                    <h1 style="color:#101d37;font-size: 36px;font-weight: 600;">推荐房源</h1>
                    <a href="/house/list?type=1" class="link-arrow" style="color: #3072f6;font-weight: 600;font-size: 30px;">更多房源</a>

                </header>
                <div class="row">
                    <#list goodHouses as house>
                        <div class="col-md-6 col-sm-6" style="margin-top: 20px;">
                            <div class="property">
                                <a href="/house/detail?id=${house.id}">
                                    <div class="property-image">
                                        <figure class="ribbon">好 评</figure>
                                        <img alt="" src="${(house.firstImg)!}" style="width: 100%;height: 392px">
                                    </div>
                                    <div class="overlay">
                                        <div class="info">
                                            <div class="tag price">￥ ${house.price} 万元</div>
                                            <h3>${house.name}</h3>
                                            <figure>${house.address}</figure>
                                        </div>
                                        <ul class="additional-info">
                                            <li>
                                                <header>面积:</header>
                                                <figure>${house.area}m<sup>2</sup></figure>
                                            </li>
                                            <li>
                                                <header>卧室:</header>
                                                <figure>${house.beds}</figure>
                                            </li>
                                            <li>
                                                <header>卫生间:</header>
                                                <figure>${house.baths}</figure>
                                            </li>
                                            <li>
                                                <header>客厅:</header>
                                                <figure>1</figure>
                                            </li>
                                        </ul>
                                    </div>
                                </a>
                            </div><!-- /.property -->
                        </div><!-- /.col-md-3 -->
                    </#list>

                </div><!-- /.row-->
            </div><!-- /.container-->
        </section>

        <section id="new-properties" class="block">
            <div class="container">
                <header class="section-title">
                    <h1 style="color:#101d37;font-size: 36px;font-weight: 600;">热门房源</h1>
                    <a href="/house/list?type=1" class="link-arrow" style="color: #3072f6;font-weight: 600;font-size: 30px;">更多房源</a>

                </header>
                <div class="row">
                    <#list hotHouses as house>
                        <div class="col-md-3 col-sm-6" style="margin-top: 5px;">
                            <div class="property">
                                <a href="/house/detail?id=${house.id}">
                                    <div class="property-image">
                                        <figure class="ribbonred"><font style="color: white">排行第${house_index+1}</font></figure>
                                        <img alt="" src="${(house.firstImg)!}" style="width: 100%;height: 196px">
                                    </div>
                                    <div class="overlay">
                                        <div class="info">
                                            <div class="tag price">￥ ${house.price} 万元</div>
                                            <h3>${house.name}</h3>
                                            <figure>${house.address}</figure>
                                        </div>
                                        <ul class="additional-info">
                                            <li>
                                                <header>面积:</header>
                                                <figure>${house.area}m<sup>2</sup></figure>
                                            </li>
                                            <li>
                                                <header>卧室:</header>
                                                <figure>${house.beds}</figure>
                                            </li>
                                            <li>
                                                <header>卫生间:</header>
                                                <figure>${house.baths}</figure>
                                            </li>
                                            <li>
                                                <header>客厅:</header>
                                                <figure>1</figure>
                                            </li>
                                        </ul>
                                    </div>
                                </a>
                            </div><!-- /.property -->
                        </div><!-- /.col-md-3 -->
                    </#list>

                </div><!-- /.row-->
            </div><!-- /.container-->
        </section>

        </section><!-- /#testimonials &ndash;&gt;-->
        <section id="partners" class="block">
            <div class="container">
                <header class="section-title"><h2></h2></header>
                <div class="logos" style="color: black">
                    <div class="logo"><a href="" style="color: black"><img ><font style="font-size: 16px;font-weight: 600;">关于好房子网</font></a></div>
                    <div class="logo"><a href="" style="color: black"><font style="font-size: 16px;font-weight: 600;">联系我们</font></a></div>
                    <div class="logo"><a href="" style="color: black"><font style="font-size: 16px;font-weight: 600;">加入我们</font></a></div>
                    <div class="logo"><a href="" style="color: black"><font style="font-size: 16px;font-weight: 600;">隐私声明</font></a></div>
                    <div class="logo"><a href="" style="color: black"><font style="font-size: 16px;font-weight: 600;">网站地图</font></a></div>
                </div>
            </div><!-- /.container -->
        </section><!-- /#partners -->
    </div>
    <!-- end Page Content -->
    <!-- Page Footer -->
     <@common.footer/>
    <!-- end Page Footer -->
</div>

<div id="overlay"></div>

 <@common.js/>
<!--[if gt IE 8]>
<script type="text/javascript" src="/static/assets/js/ie.js"></script>
<![endif]-->
<script>
    $(window).load(function(){
        initializeOwl(false);
    });
    function searchHouse(){
        var address = $("#address").val();
        if(address == null || address ==""){
            errormsg("error","输入框不能为空");
        }else{
            location.href="/house/list?address="+address;
        }


    }
    $(document).ready(function() {
          var errorMsg   = "${errorMsg!""}";
          var successMsg = "${successMsg!""}";
          if(errorMsg){ 
              errormsg("error",errorMsg);
          }
          if(successMsg) {
              successmsg("success",successMsg);
          }
        })
</script>
</body>
</html>